<template>
<div class="dy-main">
  <div class="dy-header">
    <x-header :right-options="{showMore: false}" :left-options="{preventGoBack: true,backText: ''}" @on-click-back="back" @on-click-more="showMenus = true">首页<a slot="right">历史明细</a></x-header>
  </div>
  <div class="dy-body">
    <grid :cols="3" :show-lr-borders="false">
        <grid-item v-for="(nav, index) in navData" v-bind:key="index">
          <div class="cbox-inner" @click="clickNav(nav.path)">
            <img :src="nav.img" width="50%" height="50%">
            <br>
            <span>{{ nav.text }}</span>
          </div>
        </grid-item>
      </grid>
  </div>
  <div class="dy-footer"></div>
</div>
</template>
<script>
export default {
  data () {
    return {
      navData: [
        {id: 1, img: require('../assets/img/plus.png'), text: '账户管理', path: 'Account/AccountManage'},
        {id: 2, img: require('../assets/img/plus.png'), text: '转账汇款', path: 'BringForward/BringForwardInput'},
        {id: 3, img: require('../assets/img/plus.png'), text: 'E账户', path: 'EAccount/EAccountEnter'},
        {id: 4, img: require('../assets/img/plus.png'), text: '保险', path: 'InsuranceMain'},
        {id: 5, img: require('../assets/img/plus.png'), text: '开户预录', path: 'Prerecord/PrerecordIndex'},
        {id: 6, img: require('../assets/img/plus.png'), text: '设备管理', path: 'Setup/SetupDeviceManagement'},
        {id: 7, img: require('../assets/img/plus.png'), text: '结售汇', path: 'ExchangeRateList'},
        {id: 8, img: require('../assets/img/plus.png'), text: '资产管理', path: 'PropertyMangeDetail'},
        {id: 9, img: require('../assets/img/plus.png'), text: '生活缴费', path: 'LivingPayment/LivingPaymentEnter'},
        {id: 10, img: require('../assets/img/plus.png'), text: '加挂卡片', path: 'Account/AccountAddCardVerifi'},
        {id: 11, img: require('../assets/img/plus.png'), text: '财富', path: 'Wealth/WealthIndex'}
      ]
    }
  },
  methods: {
    back () {
      this.$publicFun.goBack(this)
    },
    clickNav (val) {
      // this.$router.push({path: val})
      this.$bridge.callhandler('openWeb', {'url': val, 'closeCurrUI': 'false'}, function (response) {
        // showResponse(response)
      })
    }
  }
}
</script>
<style scoped lang="less">
  .cbox-inner{
    text-align: center;
  }
</style>
